<style>
.fe-mod {
    height: auto;
    border: 0px;
    position: relative;
}
.fe-mod-9-menu {
    background: #44abf7;
}
.fe-mod:hover {
    border: 0px;
}
.fui-icon-group .fui-icon-col .icon {
    height: 48px;
    margin: auto;
    text-align: center;
    line-height: 48px;
}
.fui-icon-group .fui-icon-col .icon i {
    color: #aaa;
    font-size: 28px;
}
.group-top {
    border-top: 0px solid #d9d9d9;
	background: inherit; margin-top: 10;
}
.footer {
	height:48px;padding:20px;width:100%
}
.footer p{
	margin:0;
	font-size: 0.5rem;
}
</style>
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox">
		<div ng-repeat="nav in pagedata.navs" ng-class="{'item':true,'active':$index==0}">
			<a href="{{nav.url}}">
				<img ng-src="{{tomedia(nav.picurl)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: #fff;}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="bottom: 10px; ">
		<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.navs" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">-- 核心功能 --</div>
                 </a>
      </div>
</div>
<div class="fui-icon-group  col-4 selecter" style="border-top: 0px;">
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div  style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-wechat" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">DIY装修</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div  style="background-color: #44abf7;padding:15px;" href="javascript:;" ng-click="access_json('/home.wxapp/')">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-mobile" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">海量模板</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-th-large" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">海量组件</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-users" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">手机同步</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-pagelines" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">一托多</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-microphone" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">会员营销</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-coffee" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">应用打包</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-facebook-square" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">一键生成</div>
		 </div>
	</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">-- 流量暴增的功能设计 --</div>
                 </a>
      </div>
</div>
<div class="fui-icon-group  col-2 selecter" style="border-top: 0px;">
	<div class="fui-icon-col external" style="margin:0;padding:3px;" href="javascript:;" ng-click="access_json('/home.diy_wxapp/')">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-wechat" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">微信粉丝同步</div>
				<div class="text" style="color: #fff;">一键同步微信公众号数据！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;" href="javascript:;" ng-click="access_json('/home.wxapp/')">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-jsfiddle" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">小程序朋友圈海报生成</div>
				<div class="text" style="color: #fff;">解决小程序无法发朋友圈难题！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-mobile" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">针对微信群的功能设计</div>
				<div class="text" style="color: #fff;">海量营销小程序，流量蹭蹭蹭！</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-share-alt-square" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">激发社交分享的设计</div>
				<div class="text" style="color: #fff;">排名，分享，录像，积分</div>
		 </div>
	</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">-- 多主题选择 --</div>
                 </a>
      </div>
</div>
<div class="fui-icon-group  col-4 selecter" style="border-top: 0px;">
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div  style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #000;"></i></div>
				<div class="text">炫酷黑</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div  style="padding:15px;" href="javascript:;" ng-click="access_json('/home.wxapp/')">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #FF9900;"></i></div>
				<div class="text">活力橙</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: red;"></i></div>
				<div class="text">烈焰红</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #0099FF;"></i></div>
				<div class="text">天空蓝</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #FF00CC;"></i></div>
				<div class="text">雍华紫</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #CC33CC;"></i></div>
				<div class="text">恋之桃</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #996633;"></i></div>
				<div class="text">金属棕</div>
		 </div>
	</div>
	<div class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div class=" {navstyle}" style="padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-cloud" style="color: #969696;"></i></div>
				<div class="text">持续更新</div>
		 </div>
	</div>
</div>
<a style="margin-bottom:60px" href="{{pagedata.operating.qqlink}}" class='btn btn-success block'>开启我的小程序</a>
